<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>安全设置</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet"/>
		<link rel="stylesheet" href="../css/default.css"/>
		<link rel="stylesheet" href="../css/MUIxinyingCss.css"/>
	</head>
	<body class="mui-fullscreen">
		<!--页面主结构开始-->
		<div id="securitySettingApp" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<!--预约门诊医生列表-->
		<div id="securitySetting" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">安全设置</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll height100">
						<div class="mui-page-content height100">
							<div class="mui-content my_service_box height100">
								<div class="security_list_box">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell">
											<a href="#modify_password" class="mui-navigate-right">
												修改密码
											</a>
										</li>
										<li class="mui-table-view-cell">
											<a href="#bound_phone" class="mui-navigate-right">
												绑定手机
											</a>
										</li>
										<li href="##" class="mui-table-view-cell">
											<a href="#bind_mailbox" class="mui-navigate-right">
												绑定邮箱
											</a>
										</li>
									</ul>
								</div>
							</div>
					</div>
					</div>
				</div>
			</div>
		</div>
		<!--单页面结束-->
		<!--修改密码-->
		<div id="modify_password" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">修改密码</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol">
						<div class="modify_password_box">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<a href="#login_password" class="mui-navigate-right">
										修改登录密码
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="#payment_password" class="mui-navigate-right">
										修改支付密码
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a  href="#retrieve_pay_password" class="mui-navigate-right">
										找回支付密码
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--绑定手机-->
		<div id="bound_phone" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">绑定手机</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol height100">
						<div class="mui-content login_content find_psd height100">
							<h2 class="bound_phone_h">请输入需要绑定的手机号</h2>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入手机号">
								</div>
								<div class="mui-input-row send_pasmit">
									<input id='password' type="text" class="mui-input" placeholder="请输入短信效验码">
									<a href="##" class="send_short">获取短信效验码</a>
								</div>
							</form>
							<div class="mui-content-padded login_submit_btn">
								<button id='reg' class="mui-btn mui-btn-block mui-btn-primary">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--绑定邮箱-->
		<div id="bind_mailbox" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">绑定邮箱</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol">
						<div class="mui-content login_content find_psd height100">
							<h2 class="bound_phone_h">请输入需要绑定的邮箱</h2>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入邮箱地址">
								</div>
								<div class="mui-input-row send_pasmit">
									<input id='password' type="text" class="mui-input" placeholder="请输入短信效验码">
									<a href="##" class="send_short">获取短信效验码</a>
								</div>
							</form>
							<div class="mui-content-padded login_submit_btn">
								<button id='reg' class="mui-btn mui-btn-block mui-btn-primary">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--修改登录密码-->
		<div id="login_password" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">修改登录密码</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol height100">
						<div class="mui-content login_content find_psd height100">
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入当前密码">
								</div>
								<div class="mui-input-row send_pasmit">
									<input id='password' type="text" class="mui-input" placeholder="请输入短信效验码">
									<a href="##" class="send_short">获取短信效验码</a>
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
							</form>
							<div class="mui-content-padded login_submit_btn">
								<button id='reg' class="mui-btn mui-btn-block mui-btn-primary">确认修改</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--修改支付密码-->
		<div id="payment_password" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">修改支付密码</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol height100">
						<div class="mui-content login_content find_psd height100">
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入当前密码">
								</div>
								<div class="mui-input-row send_pasmit">
									<input id='password' type="text" class="mui-input" placeholder="请输入短信效验码">
									<a href="##" class="send_short">获取短信效验码</a>
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
							</form>
							<div class="mui-content-padded login_submit_btn">
								<button id='reg' class="mui-btn mui-btn-block mui-btn-primary">确认修改</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--找回支付密码-->
		<div id="retrieve_pay_password" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">找回支付密码</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol height100">
						<div class="mui-content login_content find_psd height100">
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入手机号">
								</div>
								<div class="mui-input-row send_pasmit">
									<input id='password' type="text" class="mui-input" placeholder="请输入短信效验码">
									<a href="##" class="send_short">获取短信效验码</a>
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
								<div class="mui-input-row">
									<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请设置密码">
								</div>
							</form>
							<div class="mui-content-padded login_submit_btn">
								<button id='reg' class="mui-btn mui-btn-block mui-btn-primary">确认修改</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.view.js "></script>
	</body>
<script>
mui.init();
//初始化单页view
var viewApi = mui('#securitySettingApp').view({
	defaultPage: '#securitySetting'
});
//初始化单页的区域滚动
mui('.mui-scroll-wrapper').scroll();
var view = viewApi.view;
(function($) {
	//处理view的后退与webview后退
	var oldBack = $.back;
	$.back = function() {
		if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
			viewApi.back();
		} else { //执行webview后退
			oldBack();
		};
	};
	
})(mui);
//验证码发送时间
time.wait=10;  
function time(defaule,waitTime) {
        if (time.wait == 0) {
			defaule.off("tap").on("tap",function(){
									time(defaule,waitTime);
									});  
           // defaule.attr("disabled",false);
            defaule.text("获取短信效验码");
            time.wait = waitTime;  
        } else {
			defaule.off("tap");
            //defaule.attr("disabled",true);
            defaule.text("重新发送(" + time.wait-- + ")");
            setTimeout(function() {
                time(defaule,waitTime);
            },
            1000);
        }  
    };
$(".send_short").on("tap",function(){
	time($(".send_short"),time.wait);
});		
</script>
</html>